<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="view" v-cloak>

        <header>
            <div class="header">
                <div class="new-nav">
                    <div class="n-list"  onclick="randomSwitchBtn(0)">{{_i18n('消息')}}<span class="num new-hide" id="js-cnum"></span></div>
                    <div class="n-list"  onclick="randomSwitchBtn(1)">{{_i18n('密友')}}</div>
                </div>
            </div>
        </header>
        
        <!-- 脚部 -->
        <footer>
            <ul class="f-wrap flex">
                <li class="f-list " onclick="_index(0)">
                    <img src="../image/tabbar/yuanfen_nor.png" alt="">
                    <span>{{_i18n('缘分')}}</span>
                </li>
                <li class="f-list" onclick="_index(1)">
                    <img src="../image/tabbar/dongtai_nor.png" alt="">
                    <span>{{_i18n('动态')}}</span>
                </li>
                <li class="f-list" onclick="_index(7)">
                    <img src="../image/tabbar/supei_nor.png" alt="">
                    <span>{{_i18n('速配')}}</span>
                </li>

                <li class="f-list active">
                    <img src="../image/tabbar/liaotian_sel.png" alt="">
                    <span>{{_i18n('聊天')}}</span>
                    <span class="num new-hide"></span>
                </li>
                <li class="f-list" onclick="_index(4)">
                    <img src="../image/tabbar/wode_nor.png" alt="">
                    <span>{{_i18n('我')}}</span>
                </li>
            </ul>
        </footer>
    </div>
</body>
</html>